<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="../css/ShoppingCar.css" />
		<link rel="stylesheet" href="../css/ShoppingCar2.css" />
		<link rel="stylesheet" type="text/css" href="../css/head-footer.css"/>
	</head>
	<body>
		
		<div id="container">
			
			<div class="head">
				<!--logo-->
				<div class="logo">
					<img src="../img/gq/logo_01.jpg"/>
				</div>
				<!--导航-->
				<ul class="clearfix">
					<li><a href="Home.html">首页</a></li>
					<li><a href="cycling.html">骑行</a></li>
					<li><a href="L-plate.html">铁三</a></li>
					<li><a href="running.html">跑步</a></li>
					<li><a href="newHand.html">新手学堂</a></li>
					<li><a href="brand.html">品牌专区</a></li>
				</ul>
				<!--搜索框-->
	            <form action="" class="search">
	                <input type="search">
	                <div class="search_icon">
	                    <img src="../img/sousuo.png" alt="">
	                </div>
	            </form>
		    	<!--购物车图标-->
		    	<div class="shopcar">
		    		<a href="ShoppingCar1-1.html"><img src="../img/shopcar.png" alt=""></a>
		    	</div>
		    	<!--人员图标-->
		    	<div class="people">
		    		<a href="login.html"><img src="../img/people.png" alt=""></a>
		    	</div>
		    	<!--联系热线-->
		    	<div class="tel">
		    		<p>400-6563-116</p>
		    	</div>
		    	<!--language-->
		    	<div class="language">
		    		<span>CH</span>
		    	</div>
			</div>
			
			
			<!--	导航栏下方	购物流程	固定		-->
			<div class="payment-process relative">
				<!--	我的购物车	-->
				<div class="process_MYsc fl">
					<img src="../img/hjh/shoppingcar/process_MYsc.jpg"/>
					<p>2016-10-09</p>
					<p>19:10:00</p>
				</div>
				<div class="process_threadbox absolute threadbox_active" id="threadbox1">
					<p>01</p>
					<div class="process_thread"></div>
					<p>我的购物车</p>
				</div>
				
				<!--	填写核对订单		-->
				<div class="process_MYifm fl">
					<img src="../img/hjh/shoppingcar/process_MYifm.jpg"/>
					<p>2016-10-09</p>
					<p>19:10:00</p>
				</div>
				<div class="process_threadbox absolute threadbox_active" id="threadbox2">
					<p>02</p>
					<div class="process_thread"></div>
					<p>填写核对订单</p>
				</div>
				
				<!--	成功提交订单		-->
				<div class="process_Submit-Order fl">
					<img src="../img/hjh/shoppingcar/process_Submit-Order-g.jpg"/>
					<p></p>
					<p></p>
				</div>
				<div class="process_threadbox absolute" id="threadbox3">
					<p>03</p>
					<div class="process_thread"></div>
					<p>成功提交订单</p>
				</div>
			</div>
			
			
			
			<!--	购物流程下方		收货人信息	部分固定		-->
			<div class="shoppingcar-box relative">
				<!--	收货人信息-左上方的红线	固定		-->
				<div class="redthread absolute"></div>
				
				<!--	收货人信息-标题	固定	-->
				<div class="shoppingcar_title">
					
					<!--	非固定	-->
					收货人信息
				</div>
				
				<!--	收货人信息-内容	非固定	-->
				<div class="shoppingcar_content clearfix">
					
					<form action="">
						<div class="buerIfm">
							<ul>
								<li>
									<div class="fl"><span>*</span>所在地区：</div>
									<select name="" class="province">
										<option value="" selected="selected">请选择省</option>
									</select>
									<select name="" class="city">
										<option value="" selected="selected">请选择市</option>
									</select>
									<select name="" class="area">
										<option value="" selected="selected">请选择区</option>
									</select>
								</li>
								<li>
									<div class="fl"><span>*</span>详细地址：</div>
									<textarea class="Detailed_address" maxlength="100"></textarea>
									<p>建议您如实填写详细收货地址,例如街道名称，门牌号码，楼层和房间号等信息</p>
								</li>
								<li>
									<div class="fl">邮政编码：</div>
									<input class="postalcode" type="text" />
									<span>如您不清楚邮递区号，请填写000000</span>
								</li>
								<li>
									<div class="fl"><span>*</span>收货人姓名：</div>
									<input class="buerName" type="text" />
								</li>
								<li>
									<div class="fl">手机号码：</div>
									<select class="phoneNUM" name="phoneNUM1" id="phoneNUM1">
										<option value="">中国大陆+86</option>
									</select>
									<input type="text"/>
								</li>
								<li>
									<div class="fl">电话号码：</div>
									<select class="phoneNUM" name="phoneNUM2" id="phoneNUM2">
										<option value="">中国大陆+86</option>
									</select>
									<input type="text" placeholder="区号"/>-<input type="text" placeholder="电话号码"/>-<input type="text" placeholder="分机"/>
									<p>手机号码和电话号码必须填一项</p>
								</li>
							</ul>
							
							<div class="buerIfm_btnBox">
								<div class="buerIfm_btn fl">保存收货人信息</div>
								<div class="buerIfm_checkBox fl">
									<input type="checkbox" id="addalwaysplace" />
									<label for="addalwaysplace">添加常用地址</label>
								</div>
							</div>
						</div>
					</form>
					
				</div>
			</div>
			
			
			
			<!--	收货人信息下方		支付方式及配送	部分固定		-->
			<div class="shoppingcar-box relative">
				<!--	支付方式及配送-左上方的红线	固定		-->
				<div class="redthread absolute"></div>
				
				<!--	支付方式及配送-标题	固定	-->
				<div class="shoppingcar_title">
					
					<!--	非固定	-->
					支付方式及配送
				</div>
				
				<!--	支付方式及配送-内容	非固定	-->
				<div class="shoppingcar_content clearfix">
					<div class="payIfm">
						<ul>
							<li>
								<div class="fl">支付方式：</div>
								<div>在线支付</div>
							</li>
							<li>
								<div class="fl">配送方式：</div>
								<div>普通快递</div>
							</li>
							<li>
								<div class="fl">运费：</div>
								<div>0元</div>
							</li>
							<li>
								<div class="fl">送货日期：</div>
								<div>
									<p>工作日／双休日与假日均可送货</p>
									<p class="tips">正常情况 商品生产至配送到您手中预计一周左右时间，支持送货上门</p>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			
			
			
			<!--	支付方式及配送下方		发票信息	部分固定		-->
			<div class="shoppingcar-box relative">
				<!--	发票信息-左上方的红线	固定		-->
				<div class="redthread absolute"></div>
				
				<!--	发票信息-标题	固定	-->
				<div class="shoppingcar_title">
					
					<!--	非固定	-->
					发票信息
				</div>
				
				<!--	发票信息-内容	非固定	-->
				<div class="shoppingcar_content clearfix">
					
					<div class="receiptIfm">
						订单发票：<span>无发票</span>
					</div>
					
				</div>
			</div>
			
			
			
			<!--	发票信息下方		商品清单		部分固定		-->
			<div class="shoppingcar-box relative">
				<!--	商品清单-左上方的红线	固定		-->
				<div class="redthread absolute"></div>
				
				<!--	商品清单-标题	固定	-->
				<div class="shoppingcar_title">
					
					<!--	非固定	-->
					商品清单
				</div>
				
				<!--	商品清单-内容	非固定	-->
				<div class="shoppingcar_content clearfix">
					
					<div class="shoppingcar_productList">
						
						<div class="table-border">
							<table border="0" cellspacing="0" cellpadding="0">
								<tr>
									<th>商品</th>
									<th>名称</th>
									<th>尺码</th>
									<th>数量</th>
									<th>优惠</th>
									<th>单价</th>
								</tr>
								
								<tr>
									<td class="Table_productPic">
										<img src="../img/hjh/shoppingcar/Products/sc-product.jpg"/>
									</td>
									<td class="Table_productName">
										<p>Santic森地客 春秋骑行服自行车骑行长袖套装冬季骑行长裤男(含1件样衣)</p>
										<p class="sex">性别：女</p>
									</td>
									<td class="Table_size">
										xxl
									</td>
									<td class="Table_quantity">
										2
									</td>
									<td class="Table_rebate">
										9.5折
									</td>
									<td class="Table_price">
										¥<span>299.00</span>
									</td>
								</tr>
								<tr>
									<td class="Table_productPic">
										<img src="../img/hjh/shoppingcar/Products/sc-product.jpg"/>
									</td>
									<td class="Table_productName">
										<p>Santic森地客 春秋骑行服自行车骑行长袖套装冬季骑行长裤男(含1件样衣)</p>
										<p class="sex">性别：女</p>
									</td>
									<td class="Table_size">
										xxl
									</td>
									<td class="Table_quantity">
										1
									</td>
									<td class="Table_rebate">
										9.5折
									</td>
									<td class="Table_price">
										¥<span>299.00</span>
									</td>
								</tr>
								
								
							</table>
						</div>
						
						<div class="shoppingcar_content2">
							<div class="fl Buermessage">
								客户留言：<input type="text" />
							</div>
							<div class="fr price">
								<div class="fl price-1">
									<p><span id="quantity">2</span>件商品 总计：</p>
									<p>优惠：</p>
								</div>
								<div class="fl price-2">
									<p>¥<span id="money">99.00</span></p>
									<p>¥<span id="alter-money">0.00</span></p>
								</div>
							</div>
						</div>
						
						<div class="allprice_box">
							<p>
								<span>总计（不含运费）:</span>
								<span id="allprice">¥146.00</span>
							</p>
						</div>
						
						<a href="ShoppingCar3.html"><div class="btn fr">去结算</div></a>
					</div>
					
				</div>
			</div>
			
			
			
			<!--尾部-->
			<div class="footer">
				<div class="logo-2">
					<img src="../img/gq/logo-2_13.jpg"/>
				</div>
				<ul>
					<li>新手指南</li>
					<li>用户注册</li>
					<li>定制流程</li>
				</ul>
				<ul>
					<li>付款方式</li>
					<li>支付方式</li>
					<li>支付问题</li>
					<li>常见问题</li>
				</ul>
				<ul>
					<li>售后服务</li>
					<li>退款换货</li>
					<li>配送方式</li>
					<li>联系我们</li>
				</ul>
				<ul>
					<li>政策条款</li>
					<li>服务协议</li>
					<li>隐私条款</li>
					<li>s版权条款</li>
				</ul>
				<p>&copy;2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1</p>
			</div>
		</div>
		
	</body>
</html>
